@layout("/common/_container.html",{js:["/assets/modular/system/project/project_admin_premises.js"]}){
<style>
    .input {
        border: none;
    }

    .editinput {
        width: 60px;
    }

    .layui-table tbody tr:hover,
    .layui-table thead tr,
    .layui-table-click,
    .layui-table-header,
    .layui-table-hover,
    .layui-table-mend,
    .layui-table-patch, .layui-table-tool,
    .layui-table-total, .layui-table-total tr, .layui-table[lay-even] tr:nth-child(even) {
        background-color: #FFFFFF;
    }

    td {
        white-space: nowrap;
    }

    .uploader-list {
        margin-left: -15px;
    }

    .uploader-list .info {
        position: relative;
        margin-top: -25px;
        background-color: black;
        color: white;
        filter: alpha(Opacity=80);
        -moz-opacity: 0.5;
        opacity: 0.5;
        width: 100%;
        height: 25px;
        text-align: center;
        display: none;
    }

    .uploader-list .handle {
        position: relative;
        background-color: black;
        color: white;
        filter: alpha(Opacity=80);
        -moz-opacity: 0.5;
        opacity: 0.5;
        width: 100%;
        text-align: right;
        height: 18px;
        margin-bottom: -18px;
        display: none;
    }

    .uploader-list .handle span {
        margin-right: 5px;
    }

    .uploader-list .handle span:hover {
        cursor: pointer;
    }

    .uploader-list .file-iteme {
        margin: 12px 0 0 15px;
        padding: 1px;
        float: left;
    }

    .blur {
        border: 1px solid red;
    }
</style>
</head>
<body>
<form  id="noticeForm2" lay-filter="noticeForm">
<div class="testdiv">
    <table class="layui-table" style="width: 50%;margin: 0 auto" id="tables">
        <tbody>
        <tr>
            <td colspan="5" style="text-align: center">
                半天妖店铺复尺一览表
            </td>
        </tr>
        <tr>
            <td colspan="5">复尺人姓名: <input class="input" id="fcName" style="width: 260px;" name="tex1" autocomplete="off"/></td>
        </tr>
        <tr>
            <td colspan="5">复尺人电话: <input class="input" id="fcPhone" style="width: 260px;" name="tex2"autocomplete="off"/></td>
        </tr>
        <tr>
            <td colspan="5">店铺名称: <input class="input" id="dpName" style="width: 260px;" name="tex3" autocomplete="off"/></td>
        </tr>
        <tr>
            <td>商场楼层</td>
            <td><input class="input" id="sclc" style="width: 200px" name="tex4" autocomplete="off"/></td>
            <td>所在楼层</td>
            <td colspan="2"><input class="input" id="szlc" style="width: 200px" name="tex5" autocomplete="off"/></td>
        </tr>
        <tr>
            <td rowspan="2">店铺性质</td>
            <td><input type="radio" name="shop" value="0">新开商城</td>
            <td colspan="3"><input type="radio" name="shop" value="1">已开商城（<input class="input editinput" id="yksc"
                                                                                  style="text-align: center"
                                                                                  name="tex6" autocomplete="off"/>年）
            </td>
        </tr>
        <tr>
            <td><input type="radio" name="shop" value="2">街边店</td>
            <td colspan="3"><input type="radio" name="shop" value="3">原铺重装</td>
        </tr>
        <tr>
            <td>店铺面积</td>
            <td><input class="input editinput" id="dpArea" name="tex7" autocomplete="off"/>m²</td>
            <td colspan="3"></td>
        </tr>
        <tr>
            <td rowspan="2">入口设计</td>
            <td><input type="radio" name="isDesign" value="0">可做开放性设计</td>
            <td colspan="3"><input type="radio" name="isDesign" value="1">可用水晶卷帘</td>
        </tr>
        <tr>
            <td><input type="radio" name="isDesign" value="0">不可做开放性设计</td>
            <td colspan="3">玻璃厚度<input class="input" id="hd" style="padding-left: 10px;width: 300px;"
                                       name="tex8" autocomplete="off"/></td>
        </tr>
        <td rowspan="2">红线墙体</td>
        <td>负责建墙</td>
        <td><input type="radio" name="isWalls" value="0">我方</td>
        <td><input type="radio" name="isWalls" value="1">临铺方</td>
        <td><input type="radio" name="isWalls" value="2">商场</td>
        </tr>
        <tr>
            <td>建墙位置</td>
            <td><input type="radio" name="location" value="0">向内</td>
            <td><input type="radio" name="location" value="1">向外</td>
            <td><input type="radio" name="location" value="2">居中</td>
        </tr>
        <tr>
            <td rowspan="3">标高</td>
            <td>建筑层高</td>
            <td><input class="input" id="jzcg" style="width: 110px;" name="tex9" autocomplete="off"/></td>
            <td>梁下高度</td>
            <td><input class="input" id="lxcg" style="width: 110px;" name="tex10" autocomplete="off"/></td>
        </tr>
        <tr>
            <td>喷淋距地</td>
            <td><input class="input" id="pljd" style="width: 110px;" name="tex11" autocomplete="off"/></td>
            <td>最低点</td>
            <td><input class="input" id="lowest" style="width: 110px;" name="tex12" autocomplete="off"/></td>
        </tr>
        <tr>
            <td>公区层高</td>
            <td><input class="input" id="gqucg" style="width: 110px;" name="tex13" autocomplete="off"/></td>
            <td>门楣高度</td>
            <td><input class="input" id="mmgd" style="width: 110px;" name="tex14" autocomplete="off"/></td>
        </tr>
        <tr>
            <td rowspan="2">上下水位</td>
            <td>上水</td>
            <td>型号<input class="input" id="swxh" style="width: 80px;padding-left: 10px" name="tex15" autocomplete="off"/></td>
            <td><input type="radio" name="isMovable" value="0">不可移</td>
            <td><input type="radio" name="isMovable" value="1">可移</td>
        </tr>
        <tr>
            <td>下水</td>
            <td>型号<input class="input" id="xswxh" style="width: 80px;padding-left: 10px" name="tex16" autocomplete="off"/></td>
            <td><input type="radio" name="movable" value="0">不可移</td>
            <td><input type="radio" name="movable" value="1">可移</td>
        </tr>
        <tr>
            <td rowspan="4">电</td>
            <td>电箱</td>
            <td><input type="radio" name="box" value="0">不可移</td>
            <td><input type="radio" name="box" value="1">可移</td>
            <td></td>
        </tr>
        <tr>
            <td rowspan="2">电缆</td>
            <td>现电缆容量</td>
            <td><input class="input editinput" id="dlrl" name="tex17" autocomplete="off"/></td>
            <td>需增加<input class="input editinput" id="xzl" style="padding-left: 10px" name="tex18" autocomplete="off"/></td>
        </tr>
        <tr>
            <td>型号</td>
            <td colspan="2"><input class="input" id="dlxh" style="width: 200px;" name="tex19" autocomplete="off"/></td>
        </tr>
        <tr>
            <td>开关型号</td>
            <td colspan="3"><input class="input" id="kgxh" style="width: 300px;" name="tex20" autocomplete="off"/></td>
        </tr>
        <tr>
            <td rowspan="3">空调</td>
            <td><input type="radio" name="isAdded" value="0">无需新增（现有<input class="input editinput" id="xz"
                                                                           style="text-align: center"
                                                                           name="tex21" autocomplete="off"/>台）
            </td>
            <td colspan="3"><input type="radio" name="isAdded" value="1">需新增<input class="input editinput" id="needXz"
                                                                                   style="text-align: center"
                                                                                   name="tex22" autocomplete="off"/>台
            </td>
        </tr>
        <tr>
            <td rowspan="2">机位</td>
            <td><input type="radio" name="seat" value="0">有</td>
            <td>一拖一</td>
            <td>铜管<input class="input editinput" id="tg" style="text-align: center" name="tex23" autocomplete="off"/>米</td>
        </tr>
        <tr>
            <td><input type="radio" name="seat" value="1">无</td>
            <td>多联机</td>
            <td>铜管<input class="input editinput" id="dljtg" style="text-align: center" name="tex24" autocomplete="off"/>米</td>
        </tr>
        <tr>
            <td>消防栓</td>
            <td><input type="radio" name="hydrant" value="0">不可移</td>
            <td></td>
            <td><input type="radio" name="hydrant" value="1">可移</td>
            <td></td>
        </tr>
        <tr>
            <td>消防门</td>
            <td><input type="radio" name="isSealable" value="0">不可封/移</td>
            <td><input type="radio" name="isSealable" value="1">可封<input class="input editinput" id="kyNumber"
                                                                         style="text-align: center" name="tex25" autocomplete="off"/>个
            </td>
            <td></td>
            <td>可否在厨房<input class="input editinput" id="kfcf" style="text-align: center" name="tex26" autocomplete="off"/></td>
        </tr>
        <tr>
            <td rowspan="3">燃气管道</td>
            <td><input type="radio" name="isDetachable" value="0">不可拆</td>
            <td></td>
            <td><input type="radio" name="detachable" value="0">不可移</td>
            <td></td>
        </tr>
        <tr>
            <td rowspan="2"><input type="radio" name="isDetachable" value="1">可拆</td>
            <td rowspan="2"><input type="radio" name="detachable" value="1">可移</td>
            <td><input type="radio" name="isWho" value="0">我方施工</td>
            <td></td>
        </tr>
        <tr>
            <td><input type="radio" name="isWho" value="1">他方施工</td>
            <td></td>
        </tr>
        <tr>
            <td>消防二次改造</td>
            <td><input type="radio" name="isSecondary" value="0">不可改</td>
            <td><input type="radio" name="isSecondary" value="1">可改</td>
            <td>维保电话</td>
            <td><input class="input editinput" id="wbdh" style="width: 150px" name="tex27" autocomplete="off"/></td>
        </tr>
        <tr>
            <td rowspan="2">排烟接口</td>
            <td>尺寸:800*600</td>
            <td></td>
            <td>路由:</td>
            <td><input class="input" id="pyluy" style="width: 130px;" name="tex28" autocomplete="off"/></td>
        </tr>
        <tr>
            <td>机位</td>
            <td><input type="radio" name="isIndoor" value="0">店内</td>
            <td><input type="radio" name="isIndoor" value="1">室外</td>
            <td></td>
        </tr>
        <tr>
            <td rowspan="2">新风口</td>
            <td>尺寸:500*300</td>
            <td></td>
            <td><input class="input editinput" name="tex29" autocomplete="off"/></td>
            <td><input class="input editinput" name="tex30" autocomplete="off"/></td>
        </tr>
        <tr>
            <td>机位</td>
            <td><input type="radio" name="indoor" value="0">店内</td>
            <td><input type="radio" name="indoor" value="1">室外</td>
            <td></td>
        </tr>
        <tr>
            <td>外租仓库</td>
            <td><input type="radio" name="isLeased" value="0">有
                <input type="radio" name="isLeased" value="1">无
            </td>
            <td></td>
            <td>面积</td>
            <td><input class="input" id="mj" style="width: 150px;" name="tex31" autocomplete="off"/></td>
        </tr>
        <tr>
            <td>楼体伸缩缝</td>
            <td><input type="radio" name="isFloor" value="0">无</td>
            <td><input type="radio" name="isFloor" value="1">有</td>
            <td colspan="2">需做水接盘设计</td>
        </tr>
        <tr>
            <td>店内卫生</td>
            <td><input type="radio" name="hygiene" value="0">无需设计</td>
            <td>使用商场内</td>
            <td><input type="radio" name="hygiene" value="1">需设计</td>
            <td></td>
        </tr>
        <tr>
            <td>围挡搭建</td>
            <td><input type="radio" name="isBuild" value="0">商场搭建</td>
            <td></td>
            <td><input type="radio" name="isBuild" value="1">我方搭建</td>
            <td></td>
        </tr>
        <tr>
            <td>照片</td>
            <td><input type="hidden" name="wwztimg" id="wwztimg">
                <div class="layui-upload">
                    <button type="button" class="layui-btn" id="many_wwztimg_upload_btn">照片</button>
                    <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">
                        预览图：
                        <div class="layui-upload-list uploader-list" style="overflow: auto;"
                             id="uploader-list-wwztimg"></div>
                    </blockquote>
                </div>
            </td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td>店铺入口位置</td>
            <td colspan="4"><input class="input editinput" id="entrance" style="width: 90%" name="tex32" autocomplete="off"/></td>
        </tr>
        </tbody>
    </table>
</div>
</form>
<div class="layui-inline" style="margin-left: 10px;margin-top: 20px;margin-bottom: 20px">
    <button id="btnExp" class="layui-btn icon-btn" onclick="table2excel()">下载
    </button>
<!--    if(shiro.hasPermission("/project/gcbc")){-->
    <button id="btnKeep" class="layui-btn icon-btn">保存
    </button>
<!--    }-->
    <button id="backupPage" class="layui-btn icon-btn">返回
    </button>
<!--    <button id="add" class="layui-btn icon-btn">测试添加-->
<!--    </button>-->
</div>
</body>

<script src="https://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/sisyphus.js/1.1.103/sisyphus.min.js"></script>
<script type="application/javascript">

    // 导出表格
    function table2excel(){
        $("#tables tr td").each(function (index, el) {
            if ($(this).find('input').length) {
                // 存在 input
                $(this).find('input').attr('value', $(this).find('input').val());
            }
        });
        $("#tables").table2excel({
            // 不被导出的表格行的CSS class类
            exclude: ".noExl",
            // 导出的Excel文档的名称
            name: "半天妖店铺复尺一览表",
            // Excel文件的名称
            filename: "半天妖店铺复尺一览表",
            //文件后缀名
            fileext: ".xls",
            //是否排除导出图片
            exclude_img: false,
            //是否排除导出超链接
            exclude_links: false,
            //是否排除导出输入框中的内容
            exclude_inputs: true
        });
    }

    //
    //
    //
    // $('#add').click(function () {
    //     $('.input').val('测试');
    //     $("input[type='radio']").attr("checked", true);
    // });

    const id = '${id}';
    const lists = [${list}];

    $(function () {
        // 保存草稿
        $("#noticeForm2").sisyphus({
            locationBased: true,
            customKeySuffix: "test"
        });

        for (let i = 0; i < lists[0][0].length; i++) {
            let pinCode = lists[0][0][i].pinCode;
            $("#" + pinCode + "").val(lists[0][0][i].data);
            if (document.getElementsByName(pinCode)[lists[0][0][i].data] != undefined  && document.getElementsByName(pinCode)[lists[0][0][i].data]!=null) {
                document.getElementsByName(pinCode)[lists[0][0][i].data].checked = true;
                $('input[type=radio]').attr('disabled', 'disabled');
            }
            $("#" + pinCode + "").attr("readonly", true);
            $('#btnKeep').hide();
            if (pinCode == "wwztimg") {
                let a = lists[0][0][i].data.split(",");
                for (let j = 0; j < a.length; j++) {
                    $("#uploader-list-wwztimg").append('<img src="' + a[j] + '" style="width: 80px;height: 80px;"/>');
                }
            }
        };
        setTimeout(() => {
            //图片预览
            layer.photos({
                photos: '.layui-upload-list',
                anim: 5 //0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数）
            });
        }, 300)
    });
    var _delay = false;
    $('#btnKeep').click(function () {
        if(_delay) {
            layer.msg('请勿多次点击提交！');
            return;
        };
        _delay = true;
        setTimeout(() =>{
            _delay = false
        },2000);
        var list = [];
        for (let i = 1; i < 53; i++) {
            var object = {};
            if (i == 1) {
                object.proId = id;
                object.mouldId = "39";
                object.dataType = 1;
                object.data = $('#dpName').val();
                object.pinCode = "dpName";
            } else if (i == 2) {
                object.data = $('#sclc').val();
                object.pinCode = "sclc";
            } else if (i == 3) {
                object.data = $('#szlc').val();
                object.pinCode = "szlc";
            } else if (i == 4) {
                object.data = $('input[name="shop"]:checked').val();
                object.pinCode = "shop";
            } else if (i == 5) {
                object.data = $('#dpArea').val();
                object.pinCode = "dpArea";
            } else if (i == 6) {
                object.data = $('input[name="isDesign"]:checked').val();
                object.pinCode = "isDesign";
            } else if (i == 7) {
                object.data = $('input[name="isWalls"]:checked').val();
                object.pinCode = "isWalls";
            } else if (i == 8) {
                object.data = $('input[name="location"]:checked').val();
                object.pinCode = "location";
            } else if (i == 9) {
                object.data = $('#hd').val();
                object.pinCode = "hd";
            } else if (i == 10) {
                object.data = $('#jzcg').val();
                object.pinCode = "jzcg";
            } else if (i == 11) {
                object.data = $('#lxcg').val();
                object.pinCode = "lxcg";
            } else if (i == 12) {
                object.data = $('#pljd').val();
                object.pinCode = "pljd";
            } else if (i == 13) {
                object.data = $('#lowest').val();
                object.pinCode = "lowest";
            } else if (i == 14) {
                object.data = $('#gqucg').val();
                object.pinCode = "gqucg";
            } else if (i == 15) {
                object.data = $('#mmgd').val();
                object.pinCode = "mmgd";
            } else if (i == 16) {
                object.data = $('input[name="isMovable"]:checked').val();
                object.pinCode = "isMovable";
            } else if (i == 17) {
                object.data = $('input[name="movable"]:checked').val();
                object.pinCode = "movable";
            } else if (i == 18) {
                object.data = $('input[name="box"]:checked:checked').val();
                object.pinCode = "box";
            } else if (i == 19) {
                object.data = $('#dlrl').val();
                object.pinCode = "dlrl";
            } else if (i == 20) {
                object.data = $('#xzl').val();
                object.pinCode = "xzl";
            } else if (i == 21) {
                object.data = $('#dlxh').val();
                object.pinCode = "dlxh";
            } else if (i == 22) {
                object.data = $('#kgxh').val();
                object.pinCode = "kgxh";
            } else if (i == 23) {
                object.data = $('input[name="isAdded"]:checked').val();
                object.pinCode = "isAdded";
            } else if (i == 24) {
                object.data = $('input[name="seat"]:checked').val();
                object.pinCode = "seat";
            } else if (i == 25) {
                object.data = $('#tg').val();
                object.pinCode = "tg";
            } else if (i == 26) {
                object.data = $('#dljtg').val();
                object.pinCode = "dljtg";
            } else if (i == 27) {
                object.data = $('input[name="hydrant"]:checked').val();
                object.pinCode = "hydrant";
            } else if (i == 28) {
                object.data = $('#kyNumber').val();
                object.pinCode = "kyNumber";
            } else if (i == 29) {
                object.data = $('input[name="isSealable"]:checked').val();
                object.pinCode = "isSealable";
            } else if (i == 30) {
                object.data = $('#kfcf').val();
                object.pinCode = "kfcf";
            } else if (i == 31) {
                object.data = $('input[name="isDetachable"]:checked').val();
                object.pinCode = "isDetachable";
            } else if (i == 32) {
                object.data = $('input[name="detachable"]:checked').val();
                object.pinCode = "detachable";
            } else if (i == 33) {
                object.data = $('input[name="isWho"]:checked').val();
                object.pinCode = "isWho";
            } else if (i == 34) {
                object.data = $('input[name="isSecondary"]:checked').val();
                object.pinCode = "isSecondary";
            } else if (i == 35) {
                object.data = $('#wbdh').val();
                object.pinCode = "wbdh";
            } else if (i == 36) {
                object.data = $('#pyluy').val();
                object.pinCode = "pyluy";
            } else if (i == 37) {
                object.data = $('input[name="isIndoor"]:checked').val();
                object.pinCode = "isIndoor";
            } else if (i == 38) {
                object.data = $('input[name="indoor"]:checked').val();
                object.pinCode = "indoor";
            } else if (i == 39) {
                object.data = $('input[name="isLeased"]:checked').val();
                object.pinCode = "isLeased";
            } else if (i == 40) {
                object.data = $('#mj').val();
                object.pinCode = "mj";
            } else if (i == 41) {
                object.data = $('input[name="isFloor"]:checked').val();
                object.pinCode = "isFloor";
            } else if (i == 42) {
                object.data = $('input[name="hygiene"]:checked').val();
                object.pinCode = "hygiene";
            } else if (i == 43) {
                object.data = $('#wwztimg').val();
                object.pinCode = "wwztimg";
            } else if (i == 44) {
                object.data = $('#entrance').val();
                object.pinCode = "entrance";
            } else if (i == 45) {
                object.data = $('#swxh').val();
                object.pinCode = "swxh";
            } else if (i == 46) {
                object.data = $('#xswxh').val();
                object.pinCode = "xswxh";
            } else if (i == 47) {
                object.data = $('#needXz').val();
                object.pinCode = "needXz";
            } else if (i == 48) {
                object.data = $('input[name="isBuild"]:checked').val();
                object.pinCode = "isBuild";
            } else if (i == 49) {
                object.data = $('#yksc').val();
                object.pinCode = "yksc";
            } else if (i == 50) {
                object.data = $('#xz').val();
                object.pinCode = "xz";
            } else if (i == 51) {
                object.data = $('#fcName').val();
                object.pinCode = "fcName";
            } else if (i == 52) {
                object.data = $('#fcPhone').val();
                object.pinCode = "fcPhone";
            }

            object.sort = i;
            list.push(object)
        }
        var wwztimg = $('#wwztimg').val();

        if (wwztimg == '') {
            layer.msg('请上传图片！', {icon: 2,});
            return
        }  else {
            $.ajax({
                type: "post",
                url: "/mouldBoardMsg/addAdmin",
                data: JSON.stringify(list),
                contentType: 'application/json',
                async: false,
                success: function (data) {
                    list = [];
                    layer.msg('保存成功！', {icon: 1},);
                    localStorage.clear();
                    window.location.href = Feng.ctxPath + '/task/projectTaskAdmin?id=' + id;
                }
            });
        }
    });


    $('#fcName').focus(function () {
        $('#fcName').css('background', '#e1e2e6')
    });
    $('#fcName').blur(function () {
        $('#fcName').css('background', '#ffff')
    });


    $('#fcPhone').focus(function () {
        $('#fcPhone').css('background', '#e1e2e6')
    });
    $('#fcPhone').blur(function () {
        $('#fcPhone').css('background', '#ffff')
    });


    $('#dpName').focus(function () {
        $('#dpName').css('background', '#e1e2e6')
    });
    $('#dpName').blur(function () {
        $('#dpName').css('background', '#ffff')
    });

    $('#sclc').focus(function () {
        $('#sclc').css('background', '#e1e2e6')
    });
    $('#sclc').blur(function () {
        $('#sclc').css('background', '#ffff')
    });

    $('#szlc').focus(function () {
        $('#szlc').css('background', '#e1e2e6')
    });
    $('#szlc').blur(function () {
        $('#szlc').css('background', '#ffff')
    });

    $('#yksc').focus(function () {
        $('#yksc').css('background', '#e1e2e6')
    });
    $('#yksc').blur(function () {
        $('#yksc').css('background', '#ffff')
    });

    $('#dpArea').focus(function () {
        $('#dpArea').css('background', '#e1e2e6')
    });
    $('#dpArea').blur(function () {
        $('#dpArea').css('background', '#ffff')
    });

    $('#hd').focus(function () {
        $('#hd').css('background', '#e1e2e6')
    });
    $('#hd').blur(function () {
        $('#hd').css('background', '#ffff')
    });

    $('#jzcg').focus(function () {
        $('#jzcg').css('background', '#e1e2e6')
    });
    $('#jzcg').blur(function () {
        $('#jzcg').css('background', '#ffff')
    });

    $('#lxcg').focus(function () {
        $('#lxcg').css('background', '#e1e2e6')
    });
    $('#lxcg').blur(function () {
        $('#lxcg').css('background', '#ffff')
    });

    $('#pljd').focus(function () {
        $('#pljd').css('background', '#e1e2e6')
    });
    $('#pljd').blur(function () {
        $('#pljd').css('background', '#ffff')
    });

    $('#lowest').focus(function () {
        $('#lowest').css('background', '#e1e2e6')
    });
    $('#lowest').blur(function () {
        $('#lowest').css('background', '#ffff')
    });

    $('#gqucg').focus(function () {
        $('#gqucg').css('background', '#e1e2e6')
    });
    $('#gqucg').blur(function () {
        $('#gqucg').css('background', '#ffff')
    });

    $('#mmgd').focus(function () {
        $('#mmgd').css('background', '#e1e2e6')
    });
    $('#mmgd').blur(function () {
        $('#mmgd').css('background', '#ffff')
    });

    $('#swxh').focus(function () {
        $('#swxh').css('background', '#e1e2e6')
    });
    $('#swxh').blur(function () {
        $('#swxh').css('background', '#ffff')
    });

    $('#xswxh').focus(function () {
        $('#xswxh').css('background', '#e1e2e6')
    });
    $('#xswxh').blur(function () {
        $('#xswxh').css('background', '#ffff')
    });

    $('#dlrl').focus(function () {
        $('#dlrl').css('background', '#e1e2e6')
    });
    $('#dlrl').blur(function () {
        $('#dlrl').css('background', '#ffff')
    });

    $('#xzl').focus(function () {
        $('#xzl').css('background', '#e1e2e6')
    });
    $('#xzl').blur(function () {
        $('#xzl').css('background', '#ffff')
    });

    $('#dlxh').focus(function () {
        $('#dlxh').css('background', '#e1e2e6')
    });
    $('#dlxh').blur(function () {
        $('#dlxh').css('background', '#ffff')
    });

    $('#kgxh').focus(function () {
        $('#kgxh').css('background', '#e1e2e6')
    });
    $('#kgxh').blur(function () {
        $('#kgxh').css('background', '#ffff')
    });

    $('#xz').focus(function () {
        $('#xz').css('background', '#e1e2e6')
    });
    $('#xz').blur(function () {
        $('#xz').css('background', '#ffff')
    });

    $('#needXz').focus(function () {
        $('#needXz').css('background', '#e1e2e6')
    });
    $('#needXz').blur(function () {
        $('#needXz').css('background', '#ffff')
    });

    $('#tg').focus(function () {
        $('#tg').css('background', '#e1e2e6')
    });
    $('#tg').blur(function () {
        $('#tg').css('background', '#ffff')
    });

    $('#dljtg').focus(function () {
        $('#dljtg').css('background', '#e1e2e6')
    });
    $('#dljtg').blur(function () {
        $('#dljtg').css('background', '#ffff')
    });

    $('#kyNumber').focus(function () {
        $('#kyNumber').css('background', '#e1e2e6')
    });
    $('#kyNumber').blur(function () {
        $('#kyNumber').css('background', '#ffff')
    });

    $('#kfcf').focus(function () {
        $('#kfcf').css('background', '#e1e2e6')
    });
    $('#kfcf').blur(function () {
        $('#kfcf').css('background', '#ffff')
    });

    $('#wbdh').focus(function () {
        $('#wbdh').css('background', '#e1e2e6')
    });
    $('#wbdh').blur(function () {
        $('#wbdh').css('background', '#ffff')
    });

    $('#pyluy').focus(function () {
        $('#pyluy').css('background', '#e1e2e6')
    });
    $('#pyluy').blur(function () {
        $('#pyluy').css('background', '#ffff')
    });

    $('#mj').focus(function () {
        $('#mj').css('background', '#e1e2e6')
    });
    $('#mj').blur(function () {
        $('#mj').css('background', '#ffff')
    });

    $('#entrance').focus(function () {
        $('#entrance').css('background', '#e1e2e6')
    });
    $('#entrance').blur(function () {
        $('#entrance').css('background', '#ffff')
    });
</script>

@}